import React from 'react';
import { createPortal } from 'react-dom';

function withPortal (Comp) {
    return class extends React.Component {
        render () {
            // 将该组件创建为指定的位置, 且该组件依然是原来父组件的子组件
            // 有HOC功能
            return createPortal(
                <Comp title="zs" {...this.props} />, document.querySelector('body')
            );
        }

        componentDidMount () {
            console.log(this);
        }
    };
}

export default withPortal;
